{% load staticfiles %}
<html>
  <head>
    <link rel="stylesheet" href="{% static 'css/pure.css' %}">
    <link rel="stylesheet" href="{% static 'css/pure_response.css' %}">
    <style>
      .mobike-container {
        margin-top: 300; 
      }
      #mobike-logo {
        display: block;
        margin:0 auto; 
      }

      margin: 0 auto;
        width: 647px;
    </style>
  </head>
  <body style="background-image: url('https://git.oschina.net/kekeblom/bikechain/raw/master/public/images/iPhoneGray.png'); background-position: 45% 20%; height: 1500px">
    <div class="mobike-container">
      <div class="pure-g">
            <img id="mobike-logo" src="https://git.oschina.net/kekeblom/bikechain/raw/master/public/images/mobike-ex.png" />
          </div>
          </div>
      </div>
      <div class="pure-g challenges-list">
      </div>
    </div>
    <script src="{% static 'scripts/jQuery.min.js' %}"></script>
    <script src="{% static 'scripts/challenges.js' %}"></script>
    <script>
        challenges_list() 
    </script>
    <script>
      $(document).ready(function() {
          $("mobike-logo").on("click", function(){
             window.location = "http://127.0.0.1/api/details/";
          })
      });
    </script>
  </body>
</html>
